<template>
  <div class="text-only" v-show="popShow" v-bind:style="{top:popX+'px',left:popY+'px'}">
    <div>{{describe}}</div>
  </div>
</template>

<script>
import Vue from 'vue'
export default Vue.extend({
  props: {
    popShow: Boolean,
    popX: '',
    popY: '',
    describe: ''
  },
  methods: {

  },
})
</script>

<style>
.text-only {
  background-color: rgba(0, 0, 0, 0.6);
  color: #f6f6f6;
  font-size: 12px;
  text-align: center;
  width: 100px;
  border-radius: 6px;
  padding: 10px 5px;
  position: fixed;
  /* top: 10px;
  left: 10px; */
  z-index: 1;
}
</style>